<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0045)http://www.jq22.com/demo/jquery-time20151102/ -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

  <title>Document</title>
  <style>
    * {
      margin: 0;
      padding: 0;
      list-style: none;
    }

    body {
      font-size: 18px;
      text-align: center;
    }

    .time {
      height: 30px;
      padding: 200px;
    }
  </style>
</head>

<body>
  <div class="time">
    <span id="t_d"></span>
    <span id="t_h"></span>
    <span id="t_m"></span>
    <span id="t_s"></span>
  </div>
  <script>
    function GetRTime() {
      var EndTime = new Date('2018/8/13 17:12:00');
      var NowTime = new Date();
      
      var t = EndTime.getTime() - NowTime.getTime();
      var d = 0;
      var h = 0;
      var m = 0;
      var s = 0;
      if (t >= 0) {
        d = Math.floor(t / 1000 / 60 / 60 / 24);
        h = Math.floor(t / 1000 / 60 / 60 % 24);
        m = Math.floor(t / 1000 / 60 % 60);
        s = Math.floor(t / 1000 % 60);
      }


      document.getElementById("t_d").innerHTML = (d < 10 ? "0" + d : d) + "天";
      document.getElementById("t_h").innerHTML = (h < 10 ? "0" + h : h) + "时";
      document.getElementById("t_m").innerHTML = (m < 10 ? "0" + m : m) + "分";
      document.getElementById("t_s").innerHTML = (s < 10 ? "0" + s : s) + "秒";
    }
    setInterval(GetRTime, 0);
  </script>

</body>

</html>